<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <link rel="stylesheet" href="/Resources/css/public.css">
</head>

<body>
    <!---------------- 头部 ---------------->
    <div class="head">
        <div class="logo">
            <a href="javascript:;">
                <img src="/Resources/images/logo.png" alt="">
            </a>
        </div>
        <div class="tab">
            <ul>
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="document.html">文档管理 </a>
                </li>
                <li class='active'>
                    <a href="user-paddword.html">用户中心</a>
                </li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="请输入搜索内容">
            <i class='icon icon-search'></i>
        </div>
        <div class="account">
            <div class="title">
                <i class='icon icon-account'></i>
                <span>
                    章娟秀
                </span>
                <i class='icon-title-arrow'></i>
            </div>
            <div class="list-wrap none">
                <div class="list-wrap-inner">
                    <i class='icon-list-arrow'></i>
                    <ul>
                        <li>
                            <a href="javascript:;">
                    修改信息
                    </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                    修改密码
                    </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                    退出
                    </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!---------------- 主要区域 ---------------->
    <div class="main-side">
        <!---------------- 侧边栏 ---------------->
        <div class="side-left">
            <ul>
                <li>
                    <a href="user-infor.html">
                        <i class='icon icon-user-infor'></i>
                        信息管理
                    </a>
                </li>
                <li>
                    <a href="user-sign.html">
                        <i class='icon icon-user-sign'></i>
                        签名管理
                    </a>
                </li>
                <li class='active'>
                    <a href="user-password.html">
                        <i class='icon icon-user-password'></i>
                        修改密码
                    </a>
                </li>
            </ul>
        </div>
        <!---------------- 右侧区域 ---------------->
        <div class="side-right">
            <div class="password-wrap box box1">
                <div class="ptitle">
                    修改密码
                </div>
                <div class="line"></div>
                <div class="password-input-wrap">
                    <div class="password-input-wrap-inner">
                        <div class="password-section">
                            <div class="input-title">
                                用户名：
                            </div>
                            <div class="input-text">
                                18916919046
                            </div>
                        </div>
                        <div class="password-section">
                            <div class="input-title">
                                联系手机：
                            </div>
                            <div class="input-text">
                                18916919046
                            </div>
                        </div>
                        <div class="password-section password-section-input  password-section-newpass">
                            <div class="input-title">
                                新密码：
                            </div>
                            <div class="input-text">
                                <input type="password">
                            </div>
                        </div>
                        <div class="password-section password-section-input">
                            <div class="input-title">
                                确认密码：
                            </div>
                            <div class="input-text">
                                <input type="password">
                            </div>
                        </div>
                        <div class="password-section password-section-input password-section-yzm">
                            <div class="input-title">
                                验证码：
                            </div>
                            <div class="input-text">
                                <input type="password">
                                <a href="javascript:;" class='bt bt-blue bt-password-yzm'>
                               发送验证码
                           </a>
                            </div>
                        </div>
                        <div class="password-section password-section-sure">
                            <div class="input-title">
                                &nbsp;
                            </div>
                            <div class="input-text">
                                <a href="javascript:;" class='bt bt-gray'>
                               确认修改
                           </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="/Resources/js/jquery.min.js"></script>
<script src="/Resources/js/public.js"></script>
<script src="/Resources/js/placeholder.js"></script>
<script>
// 修改密码验证码
var fn_yzm=function(sign, aim) {
    var sign = 1;
    $(document).on('click', aim, function() {
        if (sign == 1) {
            sign = 0;
            var num = 30;
            var that = $(this)
            $(this).css('background', '#c8cbcf')
            $(this).html('重新获取（' + num + '）S')
            var timer = setInterval(function() {
                num--;
                if (num == 0) {
                    sign = 1;
                    clearInterval(timer);
                    that.css('background', '#6aa1e6')
                    that.html('获取验证码')
                } else {
                    sign = 0
                    that.css('background', '#c8cbcf')
                    that.html('重新获取（' + num + '）S')
                }
            }, 1000)

        }
    })
}
fn_yzm('flag_password','.bt-password-yzm')
</script>

</html>